<!-- 发放管理 -->
<template>
	<view class="p-2">
		<view class="bt-block edu-nav" v-for="nav in navs" :key="nav.name" @tap="goto(nav.url)">
			<u--image width="102rpx" height="102rpx" :src="nav.icon"></u--image>
			<view class="flex-1">{{nav.name}}</view>
			<u--image width="36rpx" height="36rpx" src="/static/images/ui/edu/arrow.png"></u--image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navs:[
					{name:"待发查询", icon:"/static/images/ui/project/dfcx.png", url:'/pages/common/sms/sms?title=待发查询&btnTitle=待发任务查询&targetUrl=/pages/project/grant/wait'},
					{name:"已发查询", icon:"/static/images/ui/project/yfcx.png", url:'/pages/common/sms/sms?title=待发管理&btnTitle=借支任务查询&targetUrl=/pages/project/grant/sent'},
					{name:"借支代发", icon:"/static/images/ui/project/df.png", url:'/pages/common/sms/sms?title=借支代发&btnTitle=借支任务查询&targetUrl=/pages/project/grant/borrow'},
				]
			}
		},
		methods: {
			goto(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>

<style scoped>
.edu-nav {
	background: linear-gradient(155deg,#ffe2e2 -14%, #ffffff 10%, #ffffff 0%);
	border-radius: 8px;
	box-sizing: border-box;
	min-height: 142rpx;
	font-size: 30rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 24rpx 0;
	padding: 20rpx 30rpx;
}
</style>
